ant design修改默认样式

Posted on | In

将ant design文件编译成less文件，首先需安装less、less-loader

版本信息
1
2
3
4
5
"antd": "^3.13.4",
"less": "^3.9.0",
"less-loader": "^4.1.0",
"css-loader": "^2.1.0",
"style-loader": "^0.23.1",
.babelrc配置
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
{
    "presets": [
        "env",
        "latest",
        "react",
        "stage-0"
    ],
    "plugins":[
        "transform-runtime",
        "transform-object-rest-spread",
        [
            "import", {
                "libraryName": "antd",
                "style": true
            }
        ]
    ]
}
webpack module
1
2
3
4
5
6
7
8
9
10
11
12
13
{
    test: /\.less$/,
    use: ['style-loader', 'css-loader', {
        loader: 'less-loader',
        options: {
            modifyVars: {
                "primary-color": "#169BD5",
                "link-color": "#169BD5"
            },
            javascriptEnabled: true
        }
    }]
}